<style lang="less">
	@import "./v2ArticleTypeImage.less";
	@import "../../styles/common.less";
	@import "../../sprcore/common.less";
</style>
<template>
	<div>
		<Row classs="spr_table">
			<Input v-model="list_searchKey" placeholder="" style="width: 400px" />
			<Button type="ghost" icon="ios-search" style="background-color: white;" @click="list_search">搜索</Button>
			<Button type="primary" @click="form_create" v-show="p_v2ArticleTypeImage_create">新增文章组图管理-v2_article_type_image</Button>
		</Row>
		<Row class="spr_table">
			<Table border :columns="columns" :data="list_datas" :stripe="true"></Table>
		</Row>
		<Row class="spr_page">
			<Page :total="list_totalCount" :page-size="list_pageSize" @on-change="list_changePage" show-sizer @on-page-size-change="list_changePageSize"></Page>
		</Row>

		<Modal :title="form_createOrUpdateModalTitle" v-model="form_createOrUpdateModal" :closable='true' :mask-closable=false :loading="form_createOrUpdateModalLoading" @on-ok="form_handlecreateOrUpdateItemForm" :width="800">
			<Form :model="form_createOrUpdateItemForm" ref="form_createOrUpdateItemForm" :label-width="120" :rules="form_createOrUpdateItemFormRuleValidate">
				<input type="hidden"  v-model="form_createOrUpdateItemForm.id">
				
				<FormItem label="文章ID" prop="articleId">
		            <Select
		                v-model="form_createOrUpdateItemForm.articleId"
		                prop="buildingregionId"
		                clearable
		                remote
		                :remote-method="form_getdata_articleId"
		                :loading="form_loading_articleId">
		                <Option v-for="(item, index) in formdata_articleId" :value="item.itemValue" :key="index">{{item.itemLabel}}</Option>
		            </Select>		
				</FormItem>	
				<FormItem label="文图片链接" prop="fileImage">
					<Input type="text" v-model="form_createOrUpdateItemForm.fileImage" placeholder="请输入文图片链接"></Input>				
				</FormItem>	
				<FormItem label="排序" prop="no">
					<Input type="text" v-model="form_createOrUpdateItemForm.no" placeholder="请输入排序"></Input>				
				</FormItem>	
			</Form> 
		</Modal>
	</div>
</template>
<script>
 	import v2ArticleTypeImage from './v2ArticleTypeImage.js';
 	export default v2ArticleTypeImage;
</script>